<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>API列表页</title>
    <!-- 重置样式表 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 公共样式表 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 当前页面样式表 -->
    <link rel="stylesheet" href="../css/apilist.css">
</head>

<body>
    <!-- 头部 -->
    <div class="pd20 head clearfix">
        <h1 class="head-logo fl pd6">
            <a href="./home.html" class="head-log">
                <img src="../imgs/new-logo-white2.png" alt="">
            </a>
        </h1>
        <ul class="ul-list fl">
            <a href="./home.html">
                <li>首页</li>
            </a>
            <a href="#">
                <li class="active">API</li>
            </a>
            <a href="#">
                <li>云服务</li>
            </a>
            <a href="./customer.html">
                <li>案例</li>
            </a>
            <a href="#">
                <li>开发者</li>
            </a>
        </ul>
        <div class="login fr mt10 mb10">
            <a class="head-login" href="./login.html">登录</a>
            <a class="head-register" href="./register.html">注册有礼</a>
        </div>
    </div>
    <!-- API分类列表 -->
    <div class="api-list container mt40">
        <h2>API分类</h2>
        <div class="list-cont clearfix">
            
        </div>
    </div>

    <!-- 产品展示 -->
    <div class="show container mt60">
        <div class="show-inp">
            <span id="showSpan">全部</span>
            <span class="serch-box">
                <input id="inpNav" type="text" placeholder="身份证实名">
                <span class="serch"></span>
            </span>
        </div>
        <ul class="container mt30 show-list clearfix">
            
        </ul>
    </div>

    <!-- 页码指示 -->
    <div class="page container mt40" style="height:50px">
        <ul class="container page-list clearfix">
            <li class="page-active"><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li><a href="#">6</a></li>
            <li><a href="#">7</a></li>
            <li><a href="#">8</a></li>
            <li><a href="#">......</a></li>
            <span><a href="#">下一页></a></span>

        </ul>
    </div>

    <!-- 尾部 -->
    <div class=" bgf8">
        <div class="foot container mt60">
            <table class="foot-list">
                <thead class="list-title">
                    <th><a href="#">联系与支持</a></th>
                    <th><a href="#">关于源码</a></th>
                    <th><a href="#">快速入口</a></th>
                    <th><a href="#">产品服务</a></th>
                    <th><a href="#">解决方案</a></th>
                </thead>
                <tbody class="list-content">
                    <tr>
                        <td><a href="#">400-882-7715</a></td>
                        <td><a href="#">合作伙伴</a></td>
                        <td><a href="#">API数据</a></td>
                        <td><a href="#">云监测</a></td>
                        <td><a href="#">数字中台</a></td>
                    </tr>
                    <tr>
                        <td><a href="#">售前咨询</a></td>
                        <td><a href="#">服务条款</a></td>
                        <td><a href="#">黑钻会员</a></td>
                        <td><a href="#">云查询</a></td>
                        <td><a href="#">慧集：API生命周期管理</a></td>
                    </tr>
                    <tr>
                        <td><a href="#">客服&售后</a></td>
                        <td><a href="#">隐私政策</a></td>
                        <td><a href="#">新闻动态</a></td>
                        <td><a href="#">云助手</a></td>
                        <td><a href="#">有赢：助力企业营销</a></td>
                    </tr>
                    <tr>
                        <td><a href="#">常见问题</a></td>
                        <td><a href="#">市场合作</a></td>
                        <td><a href="#">联系我们</a></td>
                        <td><a href="#">聚盒子</a></td>
                        <td><a href="#">联系我们</a></td>
                    </tr>
                    <tr>
                        <td><a href="#">极速工单</a></td>
                        <td><a href="#">反商业贿赂声明</a></td>
                        <td><a href="#">加入我们</a></td>
                        <td><a href="#">云充值</a></td>
                        <td><a href="#">联系我们</a></td>
                    </tr>
                    <tr>
                        <td><a href="#">投诉与建议</a></td>
                        <td><a href="#">投诉与建议</a></td>
                        <td><a href="#">投诉与建议</a></td>
                        <td><a href="#">投诉与建议</a></td>
                        <td><a href="#">投诉与建议</a></td>
                    </tr>
                </tbody>
            </table>
            <div class="foot-text">
                <a href="#" class="foot-logo1">
                    <img src="../imgs/bei2.png" alt="">
                </a>
                <a href="#" class="foot-logo2">
                    <img src="../imgs/bei1.png" alt="">
                </a>
                <p>增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照</p>
            </div>
            <div class="foot-wecheat">
                <h3>微信公众号</h3>
                <p class="wecheat-text">源码时代</p>
                <p class="wecheat-img">
                    <img src="../imgs/wechat-white.png" alt="">
                </p>
                <p class="wecheat-banquan">源码大数据股份有限公司©版权所有</p>
            </div>
        </div>
    </div>

    <!-- 蒙层 -->
    <div class="mask">
        <div class="sub-box">
            <div class="login-top">
                <h2><a href="./home.html"><img src="../imgs/loginlogo.png" alt=""></a></h2>
                <p>
                    <span id="idLogin" class="login-active">账号登录</span>丨
                    <span id="mLogin">扫码登录</span>
                    <span id="loginLine" class="login-line"></span>
                </p>
            </div>
            <div id="idBox" class="">
                <div class="login-inp">
                    <p>
                        <span class="login-icon"></span>
                        <input id="user" type="text" placeholder="用户名/手机号/邮箱">
                        <img class="del-icon1" src="../imgs/clearInput.png" alt="">
                    </p>
                    <p>
                        <span class="login-icon2"></span>
                        <input id="pwd" type="password" placeholder="密码">
                        <img class="del-icon2" src="../imgs/clearInput.png" alt="">
                    </p>
                    <a class="fog-psd" href="#">忘记密码</a>
                </div>
                <div class="error-tips">用户名不正确</div>
                <div class="error-tips">密码不正确</div>
                <p><button id="loginBtn">登录</button></p>
                <p class="login-reg">还没有账号, <a href="./register.html">立即注册</a><span class="login-rimg"></span></p>
            </div>
            <div id="mBox" class="mask-active">
                <div class="wecheat-box">
                    <img src="../imgs/showqrcode.jpg" alt="">
                    <p class="wecheat-login">微信扫码登录</p>
                    <p class="wecheat-clear">未关注源码科技公众号，请先关注后再登录</p>
                </div>
                <p class="wecheat-reg">还没有账号, <a href="./register.html">立即注册</a><span class="wecheat-rimg"></span></p>
            </div>
        </div>
        
    </div>


    <!-- 引入运动函数 -->

    <script src="../lib/slide.fn.js"></script>

    <script src="../js/apilist.js"></script>
</body>

</html>